<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>旅行拾光</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="description" content="Your site description" />

 
</head>
<body id="parent">

 
    <div class="main-container">

      <%@include file="head.jsp"%> 


     
        <div id="freewall" class="free-wall">

            <div class="brick tint size11 cat-2">
                <img src="images/4538256461_96f9e70e9c_b.jpg" alt="" />
                <div class="overlay">
                    <h3 class="project-title">Welecomne To  TrianTime</h3>
                    <p class="project-description">Work while you work； Play while you play； This is the way； To be cheerful and gay</p>
                    <a href="single-page-lite1.html" class="open-project" target="open-iframe">OPEN <span class="pictogram">&#xe803;</span></a>
                </div>
            </div>
            <div class="brick tint size11 cat-3">
                <img src="images/2310704408_361758fa28_b.jpg" alt="" />
                <div class="overlay">
                    <h3 class="project-title">Welecomne To  TrianTime</h3>
                    <p class="project-description">We are here to add what we can to life， not to get what we can from it</p>
                    <a href="single-page-lite2.html" class="open-project" target="open-iframe">OPEN <span class="pictogram">&#xe803;</span></a>
                </div>
            </div>
            <div class="brick tint size11 cat-2">
                <img src="images/3084871415_da49ab66ea_o.jpg" alt="" />
                <div class="overlay">
                    <h3 class="project-title">Welecomne To  TrianTime</h3>
                    <p class="project-description">Work while you work； Play while you play； This is the way； To be cheerful and gay</p>
                    <a href="single-page-lite3.html" class="open-project" target="open-iframe">OPEN <span class="pictogram">&#xe803;</span></a>
                </div>
            </div>

            <!-- This is the slideshow for images -->
            <div class="brick size12 cycle-slideshow" data-cycle-fx="scrollHorz" data-cycle-speed="500" data-fixpos="0-3">
                <!-- Your slideshow images -->
                <img src="images/5226290116_1409794022_b.jpg" alt="" />
                <img src="images/8098729514_fa1919474d_b.jpg" alt="" />
                <img src="images/3919137679_dc05b59927.jpg" alt="" />
            </div>

            <div class="brick size11" data-fixpos="1-0">
                <!-- For text only, put your heading/paragraph inside div .cover -->
                <div class="cover">
                    <p>
                        <strong>Hello!</strong>
                    </p>
                    <p>欢迎来到旅行拾光</p>
                    <p>旅行拾光将会为您记录下您最美好的瞬间时刻</p>
                </div>
            </div>
            <div class="brick tint size12 cat-3">
                <img src="images/4414454672_e91f887d34_o.jpg" alt="" />
                <div class="overlay">
                    <h3 class="project-title">Welecomne To  TrianTime</h3>
                    <p class="project-description">We are here to add what we can to life， not to get what we can from it</p>
                    <a href="single-page-lite1.html" class="open-project" target="open-iframe">OPEN <span class="pictogram">&#xe803;</span></a>
                </div>
            </div>
            <div class="brick size11 cycle-slideshow client-number" data-cycle-fx="scrollHorz" data-cycle-speed="200" data-fixpos="1-2">
                <img src="images/3346647884_a47c71fd9a_o.jpg" alt="" />
                <img src="images/1452336320_483f721d3d_o.jpg" alt="" />
                <img src="images/4538256461_96f9e70e9c_b.jpg" alt="" />
                <img src="images/2310704408_361758fa28_b.jpg" alt="" />
                <div class="client">
                    <div class="number">365</div>
                    <div class="client-text">快乐每一天</div>
                    <div class="client-text">
                        <a href="#">
                            <strong>Happy everyday!</strong>
                        </a>
                    </div>
                </div>
            </div>
            <div class="brick tint size11 cat-1">
                <img src="images/5171071313_e4c110ccb2_b.jpg" alt="" />
                <div class="overlay">
                    <h3 class="project-title">Welecomne To  TrianTime</h3>
                    <p class="project-description">Work while you work； Play while you play； This is the way； To be cheerful and gay</p>
                    <a href="single-page-lite2.html" class="open-project" target="open-iframe">OPEN <span class="pictogram">&#xe803;</span></a>
                </div>
            </div>
            
            <!-- This is the slideshow for text. Wrap your text inside div .cover -->
            <div class="brick size11 cycle-slideshow" data-cycle-fx="fade" data-cycle-speed="900" data-cycle-slides="> div" data-fixpos="2-2">
                <div class="cover">
                    <h2>" 心累了，人烦恼了就歇歇，让心灵去旅行，可以去爬山，看海，感受壮丽风光，拥抱自然，融入自然。 "</h2>
                    <p>Jonie.M </p>
                </div>
                <div class="cover">
                    <h2>" 人生就是一次旅行，走过的山水，都是风景；尝过的欢愉，都是幸福。掬一抹禅意入墨，以风的洒脱笑看沧桑；以云的飘逸轻盈过往；用淡泊写意人生；用安然葱茏时光，透过指间的光阴，淡看流年烟火，细品岁月静好。 "</h2>
                    <p>Bob.Jin</p>
                </div>
                <div class="cover">
                    <h2>" 生命不是一场赛跑，而是一次旅行。比赛在乎终点，而旅行在乎沿途风景。"</h2>
                    <p>kias.Bao</p>
                </div>
            </div>
            
            <div class="brick tint size11 cat-2">
                <img src="images/4171682579_91f75f9a6a_o.jpg" alt="" />
                <div class="overlay">
                    <h3 class="project-title">Welecomne To  TrianTime</h3>
                    <p class="project-description">Work while you work； Play while you play； This is the way； To be cheerful and gay</p>
                    <a href="single-page-lite1.html" class="open-project" target="open-iframe">OPEN <span class="pictogram">&#xe803;</span></a>
                </div>
            </div>
            <div class="brick tint size11 cat-1">
                <img src="images/1330348274_33c00c4886_o.jpg" alt="" />
                <div class="overlay">
                    <h3 class="project-title">Welecomne To  TrianTime</h3>
                    <p class="project-description">We are here to add what we can to life， not to get what we can from it</p>
                    <a href="single-page-lite2.html" class="open-project" target="open-iframe">OPEN <span class="pictogram">&#xe803;</span></a>
                </div>
            </div>
            <div class="brick tint size21 cat-3">
                <img src="images/4613181397_78853da480_b.jpg" alt="" />
                <div class="overlay">
                    <h3 class="project-title">Welecomne To  TrianTime</h3>
                    <p class="project-description">Welecomne To  TrianTime</p>
                    <a href="single-page-lite1.html" class="open-project" target="open-iframe">OPEN <span class="pictogram">&#xe803;</span></a>
                </div>
            </div>
            <div class="brick tint size11 cat-1">
                <img src="images/261980228_495975b20b_o.jpg" alt="" />
                <div class="overlay">
                    <h3 class="project-title">Welecomne To  TrianTime</h3>
                    <p class="project-description">Welecomne To  TrianTime</p>
                    <a href="single-page-lite2.html" class="open-project" target="open-iframe">OPEN <span class="pictogram">&#xe803;</span></a>
                </div>
            </div>
        </div>

        <!-- Footer -->
        <div class="footer">
            <div class="float-right copyright">
                <p>Copyright &copy; 2019.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
            </div>
        </div>


    </div>

    <!-- All links from this homepage will be opened in this iframe, to prevent fullscreen (if enabled) from exiting if the user clicked on a link. -->
    <iframe id="open-iframe" name="open-iframe"></iframe>

    <!-- Scripts -->
    <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="js/freewall.min.js"></script>
    <script type="text/javascript" src="js/jquery.cycle2.min.js"></script>
    <script type="text/javascript" src="js/jquery.slimmenu.min.js"></script>
    <script type="text/javascript" src="js/custom-script.min.js"></script>
</body>
</html>